@layout("/common/_containers.html"){
<head>
    <meta charset="UTF-8">
    <title>上传压缩项目包</title>
</head>
<body>
<!--提示：压缩包内请勿包含中文！-->
<div class="uploadZipFile" id="uploadZipFile">
    <form name="zipForm" id="zipForm">
        <input type="text" id="file-name" name="file-name" placeholder="请输入项目名称"/>
        <div class="file-name-check" style="color: red"></div>
        <br>
        <input type="file" name="file-zip" id="file-zip"/>
        <br>
        <input type="button" class="" id="upload-zip" value="提交"/>
    </form>
</div>
</body>
<script src="${ctxPath}/static/modular/dicom/jquerys.min.js?v=20200718"></script>
<script type="text/javascript">
    $(window).load(function () {
        $('#file-name').on('blur', function () {//当鼠标移出输入框
            var fileName = document.getElementById("file-name").value;
            if (fileName == '') {
                $('.file-name-check').html('');
                $('.file-name-check').append("请输入项目名！")
            }
        });

        $("#file-zip").bind("change", function () {
            var imgArr = ["zip"];
            if ($(this).val() == "") {
                alert("请选择文件！");
            } else {
                var file = $(this).val();
                var len = file.length;
                var ext = file.substring(len - 3, len).toLowerCase();
                if ($.inArray(ext, imgArr) == -1)
                    alert("不是zip格式");
            }
        });

        $('#upload-zip').on('click', function () {
            var form = document.getElementById("zipForm");
            if (document.getElementById("file-name").value == '') {     //当项目名为空时
                alert("请输入项目名！");
                return false;
            }
            if (document.getElementById("file-zip").value == '') {      //当项目为空时
                alert("请上传项目！");
                return false;
            }
            var formdata = new FormData(form);
            $.ajax({
                url: Feng.ctxPath + "/fileController/admin/file/zip/upload",
                data: formdata,
                type: "post",
                //预期服务器返回的数据类型,自动解析json返回值，不设置的话可能要执行oResult = JSON.parse(oResult);进行解析
                dataType: "json",
                //默认值: true。默认情况下，通过data选项传递进来的数据，如果是一个对象(技术上讲只要不是字符串)，
                // 都会处理转化成一个查询字符串，以配合默认内容类型 "application/x-www-form-urlencoded"。如果要发送 DOM 树信息或其它不希望转换的信息，请设置为 false。
                processData: false,
                //contentType: false,避免 JQuery 对data操作，可能失去分界符，而使服务器不能正常解析文件。
                contentType: false,
                success: function (oResult) {
                   console.log(oResult);
                    if (oResult.success == 1) {
                        window.location.href = Feng.ctxPath + "/fileController/admin/file/zip/show/" + oResult.url;
                    } else {
                        alert(oResult.message);
                    }
                }
            })
//              .done(function(oResult) {   //注意done表示成功，fail表示失败，always表示不论成功还是失败，会执行的函数，
//                if(oResult.success==1){   //但是在低版本jquery不兼容，是高版本jquery推荐
//                    window.location.href="/";
//                    alert(oResult.message);
//                }else{
//                    alert(oResult.message);
//                }
//            }).fail(function () {
//                alert('出现错误，请重试');
//            });
        })
    });
</script>
@}